<!DOCTYPE html>
<html  manifest="../../default.appcache">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>
        </title>
        <link rel="stylesheet" href="../../css/jquery.mobile-1.2.0.min.css" />
        <link rel="stylesheet" href="../../css/Default.css" />
        <script type="text/javascript" src="../../js/CoordinateConverter/Geo.CoordinateConverter.js">
        </script>
        <script type="text/javascript" src="../../js/Geo.Core.js">
        </script>
        <script type="text/javascript" src="../../js/jquery-1.7.2.min.js">
        </script>
        <script type="text/javascript" src="../../js/jquery.mobile-1.2.0.min.js">
        </script>
        <script type="text/javascript" src="../../js/Geo.UI.js">
        </script>
        <script type="text/javascript" src="../../js/p/trackable/ActionDetail.js">
        </script>
    </head>
    <body>
        <!-- Home -->
        <div data-role="page" id="page1">
            <div data-theme="b" data-role="header">
                <h3>
                    Geotrackable
                </h3>
            </div>
            <div data-role="content">
                <h3>
                    Where did you get this item?
                </h3>
                <a data-role="button" id="btnUser" data-theme="b" href="#page1">
                    User
                </a>
                <a data-role="button" id="btnGeocache" data-theme="b" href="#page1">
                    GeoCache
                </a>
                <a data-role="button" id="btnLocation"  data-theme="b" href="#page1">
                    Location
                </a>
                <a data-role="button" id="btnBack" href="#page1" data-icon="arrow-l" data-iconpos="left">
                    Back
                </a>
                <div style=" text-align:center">
                    <img style="width: 200px; height: 200px" src="../../images/GeotrackableSealV1.gif" />
                </div>
            </div>
            <div data-theme="b" data-role="footer">
                <h3>
                    <span id="lblStatus"></span>
                </h3>
            </div>
        </div>
    </body>
</html>
